var columnLeftCom = Vue.extend({

    data() {
        return {
            menuData:[],
            menuGoods:[],
        };
    },
    mounted: function() {
        this.$nextTick(function() {//this.TouchSlide();
            this.getMenuData();
        });
    },
    methods: {
        getMenuData(){
            //var _this=this;
            var menu = JSON.parse(localStorage.getItem('menuData'));
            for (var i = 0; i < menu.length; i++) {
                if (menu[i].name == '产品信息') {
                    this.menuGoods = menu[i].children;
                };
            }
            //console.log(this.menuGoods);
        },
    },
    props: [''],
    template: '\
    <div class="columnLeft col-xs-12 col-md-3">\
        <div class="box">\
            <h4>产品类别</h4>\
            <hr>\
            <ul>\
                <li v-for="item in menuGoods">\
                    <h5><router-link :to="item.url" class="more">{{item.name}}</router-link>\</h5>\
                </li>\
            </ul>\
        </div>\
        <div class="box">\
            <h4>热门信息</h4>\
            <hr>\
            <ul>\
                <li>\
                    <h5>热门信息内容区</h5>\
                </li>\
            </ul>\
        </div>\
    </div>\
',

});
